<template>
  <div class="app">
    <h1>{{message}}</h1>
    <Person/>
  </div>
</template>

<script>
    import Person from './components/Person.vue'
    export default {
        name:'App',
        data() {
            return {
                message:'欢迎学习前端'
            }
        },
        components:{Person}
    }
</script>

<style>
    .app {
        background-color: skyblue;
        padding: 20px;
    }
</style>